<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业！！！！</title>
		<style>
			div#parent{
				width: 600px;
				height: 300px;
				border: 1px solid red;
				margin-bottom: 20px;
			}
			div#son{
				width: 500px;
				border: 1px solid red;
				margin: 130px auto;
			}
			.s2{
				border: 1px solid black;
				padding: 15px;
				border-radius: 20%;
				maring-top: 50px;
			}
			.s3{
				border: 1px solid black;
				border-radius: 20%;
				padding: 15px;
				maring-top: 50px;
			}
			.s4{
				border: 1px solid black;
				border-radius: 20%;
				padding: 15px;
				maring-top: 50px;
			}
			.s5{
				border: 1px solid black;
				border-radius: 20%;
				maring-top: 50px;
				padding: 15px;
			}
			.s6{
				border: 1px solid black;
				border-radius: 20%;
				padding: 15px;
				maring-top: 50px;
			}
			
		</style>
	</head>
	<body>
		<div id="parent">
			<div id="son"></div>
		</div>
		<span>1</span>
		<span class="s2"><a href="">2</a></span>
		<span class="s3"><a href="">3</a></span>
		<span class="s4"><a href="">4</a></span>
		<span class="s5"><a href="">5</a></span>
		<span class="s6"><a href="">6</a></span>
		
	</body>
</html>